<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../../styles/pages/home/home.css" type="text/css">
    <link rel="stylesheet" href="../../styles/common/base.css" type="text/css">
    <link rel="stylesheet" href="../../styles/common/header+footer.css" type="text/css">
</head>

<body>
    <!-- 头部 -->
    <div class="header-box">
            <div class="header">
                <div class="header-nav">
                    <a class="header-logo" href="../home/home.html">
                        <img src="../imgs/21cake-develop/logo.png" alt="logo">
                    </a>
                    <ul class="nav-box">
                        <li><a href="../home/home.html">首页</a></li>
                        <li><a href="../productList/productList.html">蛋糕</a></li>
                        <li><a href="#">面包</a></li>
                        <li><a href="#">冰淇淋</a></li>
                        <li><a href="#">咖啡下午茶</a></li>
                        <li><a href="#">咖啡全国送</a></li>
                        <li><a href="#">企业专区</a></li>
                    </ul>
                    <div class="right-city-user">
                        <a href="" class="header-app" id="APP" data-id="messageList">APP下载</a>
                        <div class="current-city" data-id="current-city"><a>上海</a><i></i></div>
                        <a class="header-message" data-id="messageList"
                            href="//static.21cake.com//message/center.html">消息</a>
                        <span class="not-login" style="display : none"><a href="../login/login.html">登录</a>/
                            <a href="../register/register.html">注册</a>
                        </span>
                        <span class="logined">
                            <a href="" class="header-user" data-id="header-user" style="display: inline;">
                                <img src="../imgs/21cake-develop/user-img.png">
                            </a>
                        </span>
                        <a href="../cart/cart.html" class="header-cart" id="cart-count-icon">
                            <i></i>
                        </a>
                        <ul class="current-city-list  header-select" id="current-city"
                            style="display: none; height: 174px; padding-top: 12px; margin-top: 0px; padding-bottom: 12px; margin-bottom: 0px;">
                            <li><a href="javascript:void(0);" class="city-id-1"
                                    data-json="{&quot;id&quot;:&quot;1&quot;,&quot;name&quot;:&quot;\u4e0a\u6d77&quot;,&quot;region_id&quot;:&quot;22&quot;}"
                                    style="display: none;">上海</a></li>
                            <li><a href="javascript:void(0);" class="city-id-2"
                                    data-json="{&quot;id&quot;:&quot;2&quot;,&quot;name&quot;:&quot;\u5317\u4eac&quot;,&quot;region_id&quot;:&quot;2&quot;}">北京</a>
                            </li>
                            <li><a href="javascript:void(0);" class="city-id-3"
                                    data-json="{&quot;id&quot;:&quot;3&quot;,&quot;name&quot;:&quot;\u5929\u6d25&quot;,&quot;region_id&quot;:&quot;43&quot;}">天津</a>
                            </li>
                            <li><a href="javascript:void(0);" class="city-id-4"
                                    data-json="{&quot;id&quot;:&quot;4&quot;,&quot;name&quot;:&quot;\u676d\u5dde&quot;,&quot;region_id&quot;:&quot;3134&quot;}">杭州</a>
                            </li>
                            <li><a href="javascript:void(0);" class="city-id-5"
                                    data-json="{&quot;id&quot;:&quot;5&quot;,&quot;name&quot;:&quot;\u65e0\u9521&quot;,&quot;region_id&quot;:&quot;1717&quot;}">无锡</a>
                            </li>
                            <li><a href="javascript:void(0);" class="city-id-6"
                                    data-json="{&quot;id&quot;:&quot;6&quot;,&quot;name&quot;:&quot;\u82cf\u5dde&quot;,&quot;region_id&quot;:&quot;1692&quot;}">苏州</a>
                            </li>
                            <li><a href="javascript:void(0);" class="city-id-7"
                                    data-json="{&quot;id&quot;:&quot;7&quot;,&quot;name&quot;:&quot;\u5e7f\u5dde&quot;,&quot;region_id&quot;:&quot;424&quot;}">广州</a>
                            </li>
                            <li><a href="javascript:void(0);" class="city-id-8"
                                    data-json="{&quot;id&quot;:&quot;8&quot;,&quot;name&quot;:&quot;\u6df1\u5733&quot;,&quot;region_id&quot;:&quot;524&quot;}">深圳</a>
                            </li>
                        </ul>
                        <ul class="header-user-list  header-select" id="header-user" style="">
                            <li><a href="//static.21cake.com//member/orders.html" target="_blank">我的订单</a></li>
                            <li><a href="//static.21cake.com//user-coupon_index.do?back_url=L2NvdXBvbi5odG1s"
                                    target="_blank">我的优惠券</a></li>
                            <li><a href="//static.21cake.com//member/date.html" target="_blank">我的纪念日</a></li>
                            <li><a class="quit" target="_self">退出登录</a></li>
                        </ul>
                        <ul class="message-list-header  header-select" id="messageList"
                            style="display: none; height: 54px; padding-top: 12px; margin-top: 0px; padding-bottom: 12px; margin-bottom: 0px;">
                            <li><a href="//static.21cake.com//message/center.html" target="_blank">通知</a></li>
                            <li><a href="//static.21cake.com//message/center.html?#delivery" target="_blank">物流</a></li>
                        </ul>
                        <dl class="app-list  header-select" id="app-list"
                            style="display: none; height: 115px; padding-top: 10px; margin-top: 0px; padding-bottom: 10px; margin-bottom: 0px;">
                            <dt>
                                <img src="../imgs/21cake-develop/footer-erweima.png" alt="下载APP">
                                <!-- <img src="/themes/site/img/app.jpg" alt=""> -->
                            </dt>
                            <dd>下载享更多优惠</dd>
                        </dl>
                    </div>
                </div>
            </div>
    </div>
    <!-- 轮播图 -->
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide"
                style="background:url(../imgs/21cake-develop/p1.jpg) no-repeat;background-size: auto auto; background-position:center center">
            </div>
            <div class="swiper-slide"
                style="background:url(../imgs/21cake-develop/p2.jpg) no-repeat;background-size: auto auto; background-position:center center">
            </div>
            <div class="swiper-slide"
                style="background:url(../imgs/21cake-develop/p3.jpg) no-repeat;background-size: auto auto; background-position:center center">
            </div>
            <div class="swiper-slide"
                style="background:url(../imgs/21cake-develop/p4.gif) no-repeat;background-size: auto auto; background-position:center center">
            </div>
        </div>
        <div class="swiper-pagination"></div>
    </div>

    <!--中间部分-->
    <div class="content-box">
        <div class="home-menu">
            <a href="#1" name="mune1">
                <img src="../imgs/21cake-develop/t1.jpg" alt="新品" title="新品">
            </a>
            <a href="#2" name="mune1">
                <img src="../imgs/21cake-develop/t2.png" alt="生日" title="生日">
            </a>
            <a href="#3" name="mune1">
                <img src="../imgs/21cake-develop/t3.png" alt="儿童" title="儿童">
            </a>
            <a href="#4" name="mune1">
                <img src="../imgs/21cake-develop/t4.png" alt="聚会" title="聚会">
            </a>
            <a href="#5" name="mune1">
                <img src="../imgs/21cake-develop/t5.png" alt="活动专区" title="活动专区">
            </a>
        </div>
        <div class="row" id="view">

        </div>
        <!-- <div class="modoules" id="1">
                <h4 class="modoules-title">新品
                <span>/</span>
                <span>专区</span>
                </h4>
            <div class="modoules-banner">
                <a href="" target="_blank" name="floor_banner_1">
                    <img src="../imgs/21cake-develop/b1.jpg" alt="">
                </a>
            </div>
            <div class="product-list">
                <div class="list-box">
                    <ul>
                        <li>
                            <a href="" target="_blank"><img src="../imgs/21cake-develop/list-1-1.png" alt=""></a>
                            <a href="/goods-750.html" name="floor_goods_name_1_750" target="_blank"><h6>浅草</h6></a>
                            <a href="/goods-750.html" name="floor_goods_description_1_750" target="_blank"><p>浅草才能没马蹄</p></a>
                            <div class="tag-list"><a href="/gallery/tag/30.html" target="_blank" name="goods_tag_1_30">新品 &gt;</a><a href="/gallery/tag/31.html" target="_blank" name="goods_tag_1_31">人气 &gt;</a><a href="/gallery/tag/44.html" target="_blank" name="goods_tag_1_44">生日 &gt;</a><a href="/gallery/tag/46.html" target="_blank" name="goods_tag_1_46">相识 &gt;</a></div>
                            <div class="cart-info"><span class="spec">¥298.00/2.0磅</span><a href="javascript:void(0);" class="add-cart" name="add_cart_1_750" data-id="750">加入购物车</a>            </div>
                        </li>
                        <li>
                            <a href="" target="_blank"><img src="../imgs/21cake-develop/list-1-1.png" alt=""></a>
                            <a href="/goods-750.html" name="floor_goods_name_1_750" target="_blank"><h6>浅草</h6></a>
                            <a href="/goods-750.html" name="floor_goods_description_1_750" target="_blank"><p>浅草才能没马蹄</p></a>
                            <div class="tag-list"><a href="/gallery/tag/30.html" target="_blank" name="goods_tag_1_30">新品 &gt;</a><a href="/gallery/tag/31.html" target="_blank" name="goods_tag_1_31">人气 &gt;</a><a href="/gallery/tag/44.html" target="_blank" name="goods_tag_1_44">生日 &gt;</a><a href="/gallery/tag/46.html" target="_blank" name="goods_tag_1_46">相识 &gt;</a></div>
                            <div class="cart-info"><span class="spec">¥298.00/2.0磅</span><a href="javascript:void(0);" class="add-cart" name="add_cart_1_750" data-id="750">加入购物车</a>            </div>
                        </li>
                        <li>
                            <a href="" target="_blank"><img src="../imgs/21cake-develop/list-1-1.png" alt=""></a>
                            <a href="/goods-750.html" name="floor_goods_name_1_750" target="_blank"><h6>浅草</h6></a>
                            <a href="/goods-750.html" name="floor_goods_description_1_750" target="_blank"><p>浅草才能没马蹄</p></a>
                            <div class="tag-list"><a href="/gallery/tag/30.html" target="_blank" name="goods_tag_1_30">新品 &gt;</a><a href="/gallery/tag/31.html" target="_blank" name="goods_tag_1_31">人气 &gt;</a><a href="/gallery/tag/44.html" target="_blank" name="goods_tag_1_44">生日 &gt;</a><a href="/gallery/tag/46.html" target="_blank" name="goods_tag_1_46">相识 &gt;</a></div>
                            <div class="cart-info"><span class="spec">¥298.00/2.0磅</span><a href="javascript:void(0);" class="add-cart" name="add_cart_1_750" data-id="750">加入购物车</a>            </div>
                        </li>
                        <li>
                            <a href="" target="_blank"><img src="../imgs/21cake-develop/list-1-1.png" alt=""></a>
                            <a href="/goods-750.html" name="floor_goods_name_1_750" target="_blank"><h6>浅草</h6></a>
                            <a href="/goods-750.html" name="floor_goods_description_1_750" target="_blank"><p>浅草才能没马蹄</p></a>
                            <div class="tag-list"><a href="/gallery/tag/30.html" target="_blank" name="goods_tag_1_30">新品 &gt;</a><a href="/gallery/tag/31.html" target="_blank" name="goods_tag_1_31">人气 &gt;</a><a href="/gallery/tag/44.html" target="_blank" name="goods_tag_1_44">生日 &gt;</a><a href="/gallery/tag/46.html" target="_blank" name="goods_tag_1_46">相识 &gt;</a></div>
                            <div class="cart-info"><span class="spec">¥298.00/2.0磅</span><a href="javascript:void(0);" class="add-cart" name="add_cart_1_750" data-id="750">加入购物车</a>            </div>
                        </li>
                    </ul>
                </div>
            </div> -->
    

            <div class="modoules activity" id="5">
                    <h4 class="modoules-title">活动门
                        <span>/</span>
                        <span>是被吸引了吧</span>
                    </h4>
                    <ul class="activity">
                        <li>
                            <a href="//static.21cake.com//magazine/detail/242.html" target="_blank"><img
                                    src="../imgs/21cake-develop/b5.jpg" alt="新客专享"></a>
                        </li>
                </div>
                <div class="modoules home-magazine" id="6">
                        <h4 class="modoules-title">廿一客
                            <span>/</span>
                            <span>文章</span>
                        </h4>
                        <ul class="magazine">
                            <li>
                                <a href="//static.21cake.com//magazine/detail/232.html" target="_blank"><img
                                        src="../imgs/21cake-develop/m1.jpg" alt="冬季刊·进博会">
                                        <h4>冬季刊·进博会</h4>
                                        <p><span></span><span>阅读全文 &gt;&gt;</span></p>
                                </a>
                            </li>
                            <li>
                                <a href="//static.21cake.com//magazine/detail/208.html" target="_blank"><img
                                        src="../imgs/21cake-develop/m2.jpg" alt="廿一志秋刊·客服Q&A">
                                        <h4>廿一志秋刊·客服Q&A</h4>
                                        <p><span></span><span>阅读全文 &gt;&gt;</span></p>
                                </a>
                            </li>
                        </ul>
                </div>
    </div>
    <!-- 模板 -->
    <script id="modules" type="text/html">
        <% for(let k=0; k<module.data[0].data.length; k++) { %>
        <div class="modoules" id="<%=module.data[0].data[k].sort%>">
            <h4 class="modoules-title"><%=module.data[0].data[k].title%>
                <span><%/%></span>
                    <span><%=module.data[0].data[k].subTitle%></span>
            </h4>
            <div class="modoules-banner">
                <a href="" target="_blank" name="floor_banner">
                    <img src="//static.21cake.com/<%=module.data[0].data[k].banner%>" alt="">
                </a>
            </div>
            <div class="product-list">
                <div class="list-box">
                    <ul>
                        <% for(let i=0; i<module.data[0].data[k].contents.length; i++) { %>
                        <li>
                            <a href="../detail/detail.html" target="_blank"><img
                                    src="//static.21cake.com/<%=module.data[0].data[k].contents[i].imageUrl%>" alt=""></a>
                            <a href="" name="floor_goods_name_1_750" target="_blank">
                                <h6><%=module.data[0].data[k].contents[i].name%></h6>
                            </a>
                            <a href="" name="floor_goods_description_1_750" target="_blank">
                                <p><%=module.data[0].data[k].contents[i].description%></p>
                            </a>
                            <div class="tag-list">
                                <% for(let j=0; j<module.data[0].data[k].contents[i].tags.length; j++) { %>
                                <a href="" target="_blank"
                                    name="goods_tag_1_<%=module.data[0].data[k].contents[i].tags[j].id%>"><%=module.data[0].data[k].contents[i].tags[j].content%>
                                    &gt;</a>
                                <% } %>
                            </div>
                            <div class="cart-info"><span
                                    class="spec"><%=module.data[0].data[k].contents[i].default.price%>/<%=module.data[0].data[k].contents[i].default.spec%></span><a
                                    class="add-cart" name="add_cart_1_750" data-id="750">加入购物车</a>
                            </div>
                        </li>
                        <% } %>
                    </ul>
                </div>
            </div>
        </div>
        <% } %>
    </script>
    <!-- 底部 -->
    <div class="footer">
        <img src="../imgs/21cake-develop/footer-logo.png" alt="" class="footer-logo">
        <div class="footer-nav">
            <a href="//static.21cake.com//doc-about-55.html">联系我们</a>
            <span>|</span>
            <a href="//static.21cake.com//doc-distribution-40.html">订购帮助</a>
            <span>|</span>
            <a href="//static.21cake.com//doc-about-56.html">企业合作</a>
            <span>|</span>
            <a href="//static.21cake.com//doc-about-115.html">生产经营资质</a>
            <span>|</span>
            <a href="//static.21cake.com//article-company.html">公告专区</a>
        </div>

        <div class="footer-icon">
            <a href="http://weibo.com/21cake" target="_blank">
                <img src="../imgs/21cake-develop/footericon-01.png">
            </a>
            <a class="footer-weixin">
                <div class="footer-erweima footer-weixin-erweima" style="display: none;">
                    <img src="../imgs/21cake-develop/erweima.png" style="top: 0px;">
                </div>
                <img src="../imgs/21cake-develop/footericon-02.png">
            </a>
            <a class="footer-app">
                <div class="footer-erweima footer-app-erweima" style="display: none;">
                    <img src="../imgs/21cake-develop/footer-erweima.png" style="top: 0px;">
                </div>
                <!-- <img src="//static.21cake.com/themes/site/img/footericon-03.png"> -->  
                APP
            </a>
        </div>

        <div class="footer-text">
            <span>订购专线：400 650 2121（服务时间 08:00–22:00），企业团购热线：021-37768396</span>
            <span>客服电话：021-23099721（全国），kefu@21cake.com（邮箱）</span>
            <span>杭州/广州：提前5小时预订；北京：提前6小时预订；上海：提前5.5-6小时预订；天津/苏州/无锡/深圳：提前8小时预订（部分偏远地区除外，当日22点以后订单，于次日8点开始审核） </span>
            <span>当日蛋糕配送截止下单时间：北京：16:50；上海：16:30；杭州/广州：13:50；天津：10:30；苏州/无锡/深圳：11:00</span>
            <span>网站注册公司名称: 北京廿一客食品有限公司 地址: 北京市北京经济技术开发区兴海二街5号院3号楼 </span>
        </div>

        <div class="footer-copyright">
            <span>Copyright© 21Cake蛋糕官网商城 2007-2018, 版权所有 <a style="color: #9a9a9a" target="_blank" href="http://www.miitbeian.gov.cn/">京ICP备14006254号-1</a></span>
        </div>
    </div>

</body>

    <script src="../../static/script/require.js" data-main="home.js" type="text/javascript" charset="utf-8"></script>
</html>